﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AddNewUser.aspx.cs" Inherits="KhoaLuan.MainSys.Manager.User.AddNewUser" %>

<div style="background: #fff; padding: 20px; margin: auto; clear: both; width: 500px; margin: auto; position: absolute; bottom: auto; left: 0; right: 0; vertical-align: middle;" id="divAddNewUser">
    <script src="/Scripts/dluscript.js"></script>
    <div class="modal-header" style="height: 50px; background: #3276b1; text-align: center; margin-bottom: 20px; margin: -20px; color: white;">
        <span style="font-weight: bold; font-family: 'Open Sans',Arial,Helvetica,Sans-Serif; font-size: 20px; text-align: center;" runat="server" id="Title"></span>

        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: #fff !important; opacity: 1">
            &times;
        </button>
    </div>
    <div class="modal-body no-padding" style="background: white; margin-top: 20px;">
        <div id="smart-form-register" class="smart-form">
            <fieldset>
                <section>
                    <label class="input">
                        <i class="icon-append fa fa-user"></i>
                        <input type="text" name="hoten" placeholder="Nhập họ và tên" id="txtHoTen">
                        <b class="tooltip tooltip-bottom-right">Nhập họ và tên</b>
                    </label>
                </section>

                <section>
                    <label class="input">
                        <i class="icon-append fa fa-user"></i>
                        <input type="text" name="username" placeholder="Nhập username" id="txtUserName">
                        <b class="tooltip tooltip-bottom-right">Nhập username</b>
                    </label>
                </section>

                <section>
                    <label class="input">
                        <i class="icon-append fa fa-envelope-o"></i>
                        <input type="email" name="email" placeholder="Nhập địa chỉ email" id="txtEmail">
                        <b class="tooltip tooltip-bottom-right">Nhập địa chỉ email</b>
                    </label>
                </section>

                <section>
                    <label class="input inputpassword">
                        <i class="icon-append fa fa-lock"></i>
                        <input type="password" name="password" placeholder="Nhập mật khẩu" id="txtPassword">
                        <b class="tooltip tooltip-bottom-right">Nhập mật khẩu</b>
                    </label>
                </section>

                <section>
                    <label class="input inputpassword">
                        <i class="icon-append fa fa-lock"></i>
                        <input type="password" name="passwordConfirm" placeholder="Xác nhận mật khẩu" id="txtConfirmPassword">
                        <b class="tooltip tooltip-bottom-right">Nhập lại mật khẩu</b>
                    </label>
                </section>

                <section>
                    <label class="checkbox">
                        <input type="checkbox" name="terms" id="chbActive">
                        <i></i>Active</label>
                </section>
            </fieldset>
            <footer>
                <input type="button" class="btn btn-default" value="Hủy" data-dismiss="modal" />
                <input type="button" class="btn btn-primary" value="Lưu" id="btnSave" />

            </footer>
        </div>
    </div>
    <div style="clear: both;"></div>

</div>
<script type="text/javascript">

    var AddNewUser = {
        Save: function () {
            var username = $('#txtUserName').val();
            var fullname = $('#txtHoTen').val();
            var email = $('#txtEmail').val();
            var password1 = $('#txtPassword').val();
            var password2 = $('#txtConfirmPassword').val();
            var active = $('#chbActive')[0].checked;
            if (username == "" || fullname == "" || email == "") {
                alertbox("Vui lòng điền đầy đủ thông tin");
                return;
            }
            if (password1 != password2) {
                alertbox("2 mật khẩu không trùng nhau, vui lòng kiểm tra lại");
                return;
            }
            if (password1.length < 6) {
                alertbox("Vui lòng nhật mật khẩu có độ dài hơn 6 ký tự");
                return;
            }
            CallAjaxAspx("POST", "AddNewUser", "/MainSys/ProcessAJAX/AjaxUser.aspx", {
                UserName: username,
                FullName: fullname,
                Email: email,
                Active: active,
                Password: password1
            }, function (response) {
                debugger;
                if (JSON.parse(response).Status) {
                    alertSmallBox("Thêm thành công user", "2 giây trước");
                    window.location.reload();
                }
                else {
                    alertSmallBox("Thêm user thất bại", "2 giây trước", "error");
                }
            }, function () {
                $("body").addClass("loading");
                //beforesend
            }, function () {
                //sendcomplete
                $("body").removeClass("loading");
            });
        },

        Update: function () {
            var username = $('#txtUserName').val();
            var fullname = $('#txtHoTen').val();
            var email = $('#txtEmail').val();
            var active = $('#chbActive')[0].checked;
            if (username == "" || fullname == "" || email == "") {
                alertbox("Vui lòng điền đầy đủ thông tin");
                return;
            }



            CallAjaxAspx("POST", "UpdateUser", "/MainSys/ProcessAJAX/AjaxUser.aspx", {
                UserID: currentuser.UserID,
                UserName: username,
                FullName: fullname,
                Email: email,
                Active: active
            }, function (response) {
                if (JSON.parse(response).Status) {
                    alertSmallBox("Sửa thành công user", "2 giây trước");
                    window.location.reload();
                }
                else {
                    alertSmallBox("Sửa user thất bại", "2 giây trước", "error");
                }
            }, function () {
                $("body").addClass("loading");
                //beforesend
            }, function () {
                //sendcomplete
                $("body").removeClass("loading");
            });



        },


        FillData: function (user) {
            $('#txtUserName').val(user.UserName);
            $('#txtHoTen').val(user.FullName);
            $('#txtEmail').val(user.Email);
            $('#chbActive')[0].checked = user.Active;
        }
    };


    $(document).ready(function () {
        if (typeof currentuser !== 'undefined' && currentuser != null) {
            $('#<%=Title.ClientID%>').text("CẬP NHẬT THÔNG TIN USER");
            debugger;
            $('.inputpassword').hide();
            AddNewUser.FillData(currentuser);
        }
        else {
            $('#<%=Title.ClientID%>').text("THÊM MỚI USER");
        }

        $("#divAddNewUser").delay(500).fadeIn(500).verticalAlign(400);
        $("#btnSave").click(function () {
            if (typeof currentuser !== 'undefined' && currentuser != null)
                AddNewUser.Update();
            else
                AddNewUser.Save();
        });
    });
</script>
